import React, { ReactNode } from 'react';

import './index.less';
import Menu from '../../components/Menu';

interface Props {
  children?: ReactNode;
}

function Novel(props: Props) {
  const menuItems: {text: string; path: string}[] = [
    {
      text: '时间线',
      path: '/novel/timeline',
    },
    {
      text: '魔法',
      path: '/novel/magic'
    },
    {
      text: '人物',
      path: '/novel/role'
    },
    {
      text: '势力',
      path: '/novel/organization'
    },
    {
      text: '设定',
      path: '/novel/setting'
    }
  ];
  return (
    <div className='noval'>
      <Menu menuItems={menuItems} />
      <div className='content'>
        { props.children }
      </div>
    </div>
  );
};

export default Novel;
